<template>
  <div class="example-index-empty" :style="{ height: height }">
    <img class="empty-icon" width="132" height="132" src="../images/empty-icon.svg" alt="暂无数据">
    <div class="empty-text cn-regular-14">{{ emptyText }}</div>
  </div>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'ExampleIndexEmpty'
});

interface Props {
  emptyText?: string;
  height?: string;
}
withDefaults(defineProps<Props>(), {
  emptyText: '暂无数据',
  height: '100%'
});
</script>

<style lang="scss" scoped>
.example-index-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;

  .empty-text {
    color: var(--text-2-5);
  }
}
</style>
